@CHARSET "ISO-8859-1";

.regionLeft,.regionRigth {
	float: left;
	min-height: 500px;
}

.regionLeft {
	margin-left: 10px;
	position: relative;
	width: 520px;
}

.regionRigth {
	/*background-color: yellow;*/
	color: white;
	width: 440 px;
}

.footHome {
	background-color: #517398 !important;
	background-position: bottom;
}

* /
	/*NOTA: contenedor de elementos del pie*/          
	                              
	                              
.footHome .z-south-body {
	height: 100%;
	background-color: #517398;
}

.lineFooter {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: white;
	height: 2px;
	margin: 0 auto;
	width: 95%;
}

.smooth {
	color: #fdfdfd;
	transition: color .2s ease-out, background 0.5s ease-in;
}

.smooth:hover {
	color: #FFFFFF; /*
	background-color: #fdfdfd;*/
	text-shadow: none;
	padding-left: 15px;
	transform: scale(2) rotate(0.1deg);
}

.style-glow {
	color: #FFFFFF;
	font-weight: 700;
	font-size: 11px;
}

.style-glow:hover {
	text-shadow: 0 0 15px #000000;
	transform: scale(1.15);
	font-size: 14px;
}

.lbl {
	font-family: tahoma;
	top: 2px;
	border-radius: 3px;
	padding: .50em;
	position: relative;
	-webkit-appearance: none;
}

.lbl.hover {
	-webkit-transform: scale(1.025);
	transform: scale(1.025);
	cursor: pointer;
}

.lbl:active {
	-webkit-transform: scale(.975);
	transform: scale(.975);
}

.lblErrorValidation: {
	color: #FE4D00;
	font-family: tahoma;
	font-size: 8px;
	padding-left: 15px;
}

.tBox {
	color: #323a45;
	position: absolute;
	font-family: tahoma;
	border: 1px solid #999;
	padding: 1px 3px;
	position: relative;
}

.tBox:invalid {
	top: 3px;
	opacity: 0;
}

.tBox:valid {
	opacity: 5;
	top: 0;
}

.tBox:focus {
	border: 1px solid #f1773b;
	outline: none;
	-webkit-appearance: none;
	-webkit-transition: .333s ease -webkit-transform;
	transition: .333s ease transform;
	-webkit-appearance: none;
}

.tBox:ACTIVE {
	-webkit-transform: scale(.887);
	transform: scale(.887);
}

.upload {
	height: 20px;
	border: 1px solid #bac8d5;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	font-size: 10px;
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
	display: inline-block;
	text-shadow: -1px -1px 0 #bac8d5;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #bac8d5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6),
		to(#bac8d5));
	background-image: -webkit-linear-gradient(top, #E6E6E6, #CCCCCC);
	background-image: -moz-linear-gradient(top, #E6E6E6, #CCCCCC);
	background-image: -ms-linear-gradient(top, #E6E6E6, #CCCCCC);
	background-image: -o-linear-gradient(top, #E6E6E6, #CCCCCC);
	background-image: linear-gradient(to bottom, #E6E6E6, #CCCCCC);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
		startColorstr=#E6E6E6, endColorstr=#CCCCCC);
}

.upload:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#cdcdcd),
		to(#b3b3b3));
	background-image: -webkit-linear-gradient(top, #cdcdcd, #b3b3b3);
	background-image: -moz-linear-gradient(top, #cdcdcd, #b3b3b3);
	background-image: -ms-linear-gradient(top, #cdcdcd, #b3b3b3);
	background-image: -o-linear-gradient(top, #cdcdcd, #b3b3b3);
	background-image: linear-gradient(to bottom, #cdcdcd, #b3b3b3);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
		startColorstr=#cdcdcd, endColorstr=#b3b3b3);
}

.upload:active {
	border-top-color: #bac8d5;
	background: #bac8d5;
}

.upload:focus {
	background: #bac8d5;
}

.homeContainer {
	position: absolute;
	top: 0%;
	left: 15%;
	right: 15%;
	width: 100%;
	height: 100%;
}
/*
div {
	width: 80%;
}*/
.homeHeader {
	height: 40px;
	width: 73%;
	moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	background-color: #484848; /* #597BA0*/
}

.homeMenu {
	height: 90%;
	width: 15%;
	padding-left: 10px;
	border-color: black;
	float: left;
	border-color: black;
	background-color: #E9EAED;
}

.homeContent {
	padding-top: 10px;
	height: 90%;
	width: 54%;
	border-left-style: inset;
	border-left-color: #D9E0E7;
	border-left-width: 1px;
	float: left;
	padding-left: 10px;
	border-right-style: dotted;
	border-right-color: black;
	overflow: auto;
}

.homeFooter {
	text-align: center;
	clear: both;
	float: left;
	width: 73%;
	border-top-style: inset;
	border-top-color: #D9E0E7;
	border-top-width: 1px;
}

/**ESTILO PARA EL MENU*/
.menubar {
	background-color: white;
	padding-left: 30px;
	padding-top: 10px;
	font-family: arial;
	border-bottom-style: none;
}

.menuItem {
	background-color: white;
	font-family: tahoma;
	font-size: 12px;
	border: none;
	width: 300px;
	text-align: left
}

.menuItem:hover {
	background-color: gray;
	color: white;
	font-family: tahoma;
	font-size: 14px;
	border: none;
	width: 300px;
	text-align: left;
	cursor: pointer;
}

.toolBar {
	border: none;
	text-align: right;
	padding-right: 35px;
	background-color: #597BA0;
	border-bottom-style: ridge;
	padding-right: 35px;
}

.panelContainer {
	width: 700px;
	border-style: none;
	border-top-style: none;
}

.invoiceTable {
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}

.invoiceCatalogos {
	border: none;
	border-color: transparent;
	color: #CCC;
	height: 20px;
	border-radius: 20px;
}

.invoiceTextBox {
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
	border-bottom-style: ridge;
	border-bottom-color: black;
}

.invoiceFolio {
	font-family: tahoma;
	color: red;
	font-style: oblique;
	font-weight: bold;
	color: red;
	color: red;
}

.invoiceLabel {
	font-family: tahoma;
	font-size: 11px;
	text-align: center;
}

.z-notification .z-notification-cl,.z-notification .z-notification-cnt {
	font-family: tahoma;
	font-size: 12px;
	height: 50px;
	width: 240px;
}

.tlLabel {
	padding-left: 10px;
	top: 10px;
	font-family: tahoma;
	color: white;
	position: static;
	-webkit-appearance: none;
}

.incidencias {
	width: 100%;
	border: 1px solid #999;
	text-align: left;
	font-family: tahoma;
	border-collapse: collapse;
	margin: 0 0 1em 0;
	caption-side: top;
	background-image: url(/images/home/boton-accesar.png);
}

.datagrid table {
	border-collapse: collapse;
	text-align: left;
	width: 100%;
}

.datagrid {
	font: tahoma 12px/150%;
	background: #fff;
	overflow: hidden;
	border: 1px solid #006699;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.datagrid table td,.datagrid table th {
	padding-left: 2px;
	table-layout: auto;
}

.datagrid table thead th {
	font-size: 15px;
	font-family: tahoma;
	font-weight: bold;
	border-left: 1px solid #0070A8;
}

.datagrid table tbody td {
	border-collapse: separate;
	color: #00496B;
	border-left: 1px solid #E1EEF4;
	font-size: 12px;
	font-weight: normal;
}

.datagrid table tbody .alt td {
	background: #E1EEF4;
	color: #00496B;
}

.datagrid table tbody td:first-child {
	border-left: none;
}

.datagrid table tbody tr:last-child td {
	border-bottom: none;
}

.datagrid table tfoot td div {
	border-top: 1px solid #006699;
	background: #E1EEF4;
}

.datagrid table tfoot td {
	padding: 0;
	font-size: 12px
}

.datagrid table tfoot td div {
	padding: 2px;
}

.datagrid table tfoot td ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

.datagrid table tfoot  li {
	display: inline;
}

.datagrid table tfoot ul.active,.datagrid table tfoot ul a:hover {
	text-decoration: none;
	border-color: #006699;
	color: #FFFFFF;
	background: none;
	background-color: #00557F;
}

.tablist {
	display: inline;
	text-decoration: none;
	border: thin;
	border-bottom: 0;
	font-family: tahoma;
	color: #000;
	background-color: #ccc;
	/* CSS 3 elements */
	webkit-border-top-right-radius: 0.50em;
	-webkit-border-top-left-radius: 0.50em;
	-moz-border-radius-topright: 0.50em;
	-moz-border-radius-topleft: 0.50em;
	border-top-right-radius: 0.50em;
	border-top-left-radius: 0.50em;
	color: #000;
}

.numberCircle {
	behavior: url(PIE.htc); /* remove if you don't care about IE8 */
	padding: 5px;
	background: #FF5200;
	border: 2px solid #FFFFFF;
	color: #FFFFFF;
	text-align: center;
	font: 8px tahoma;
	line-height: 5px;
	/*	display:block;*/
	width: 25px;
	height: 25px;
	line-height: 25px;
	border-radius: 50%;
	text-align: center;
	text-decoration: none;
	box-shadow: 0 0 3px gray;
	font-size: 8px;
	font-weight: bold;
}

.numberCircle:hover {
	/*	display:block;*/
	background: #cd131f;
	cursor: pointer;
	behavior: url(PIE.htc); /* remove if you don't care about IE8 */
}

.round-button {
	display: block;
	text-align: left;
	width: 25px;
	height: 25px;
	border: 2px solid #f5f5f5;
	border-radius: 50%;
	color: #f5f5f5;
	background: #f5f5f5;
	font-size: 8px;
}

.round-button:hover {
	background: #E9EAED;
	cursor: pointer;
	background-position: center;
}

.company {
	font-size: 16px;
	color: #FFF;
	transition: all 0.3s ease-in;
	text-decoration: none;
	font-family: tahoma;
}

.company:hover {
	cursor: default;
	-webkit-stroke-width: 5.3px;
	-webkit-stroke-color: #FFFFFF;
	-webkit-fill-color: #FFFFFF;
	text-shadow: 1px 1px 0px #eee, 1px 1px 0px #ffffff;
}
